/*********   liste inline hyperlienx             ************* utilsation*/
.list_inline_container {
    width: auto;
    background-color: rgb(233, 242, 233);
    border-radius: 0.7rem;
    padding: 0.5rem;
}

.list_inline_container ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.01rem;
    align-items: center;
    justify-content: center;/*
    column-gap: 0.4rem;*/
    list-style: none;
}

.list_inline_container li {
    display: flex;
    /*  background-color: darkorange;*/
}

.list_inline_container li+li::before {
    color: rgb(10, 10, 204);
    content: "|";
    font-weight: 700;
    padding-right: 0.5rem;
    align-items: center;
}

/* sans la pipe dans la liste horizontale footer réseaux */

.list_inline_container1 {
    width: auto;
    background-color: rgb(233, 242, 233);
    border-radius: 0.7rem;
    padding: 0.5rem;
}

.list_inline_container1 ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 0.01rem;
    align-items: center;
    justify-content: center;/*
    column-gap: 0.4rem;*/
    list-style: none;
}

.list_inline_container1 li {
    display: flex;
    /*  background-color: darkorange;*/
}

.list_inline_container1 li+li::before {
    color: rgb(10, 10, 204);
    font-weight: 700;
    padding-right: 0.5rem;
    align-items: center;
}

/*   Fin    sans la pipe footer réseaux */
/* media  ***************************** */
@media all and (min-width: 800px) {
    .list_inline_container {
        margin-right: 0.4rem;
    }
}